<script setup>
const props = defineProps(["img", "name", "id", "price", "isHot", "isNew"]);
</script>

<template>
    <li class="main-list-first">
        <a>
            <div class="figure-img">
                <img :src="props.img" alt="">
            </div>
            <h3 class="main-title">
                {{props.name}}
            </h3>
            <p class="desc">{{props.name}}</p>
            <p class="price">
                <span class="num">{{props.price}}</span>元<span>起</span>
            </p>
            <mark v-if="props.isHot">hot</mark>
            <mark v-else-if="props.isNew">new</mark>
        </a>
    </li>
</template>

